// 混合基础样式
@mixin whBase ($width,$height){
    width: $width;
    height: $height;
}
@mixin psBase ($position,$top,$left){
    position: $position;
    top: $top;
    left: $left;
}
@mixin fontBase ($font-size,$color,$text-align,$font-weight){
    font-size: $font-size;
    color: $color;
    text-align: $text-align;
    font-weight: $font-weight;
}
// @mixin borderBase ($width,$style:solid,$color){
//     border: $width $style $color;
// }
@mixin mpBase($margin,$padding){
    margin: $margin;
    padding: $padding;
}
@mixin mBase($top,$right,$bottom,$left){
    margin:  $top $right $bottom $left;
}
@mixin pBase($top,$right,$bottom,$left){
    padding: $top $right $bottom $left;
}
@mixin bgBase($bgcolor){
    background-color: $bgcolor;
}
// 变量基础样式
$w:#fff;
$b:#000;
// 继承基础样式
.white{
    color: #fff;
}
.bgwhite{
    background-color: #fff;
}
.black{
    color: #000;
}
.bgblack{
    background-color: #000;
}
// 动画跳出
// .myanimation {
//     animation: motion 3s infinite;
//     @at-root {
//         @keyframes motion {

//         }
//     }
// }

// 清除浮动
$lte7:true !default;
%clearfix{
    @if $lte7 {
        *zoom: 1;
    }
    &:after{
        content: "";
        display: table;
        clear: both;
    }
}
